import React, {Component} from 'react'
/*
  如果要子组件给父组件传数据
  1.在父组件中给本组件的标签添加一个配置属性props,
  父组件接收子组件数据的容器,
  在父组件上定义一个函数接收传参
 */

/*
 < div > < div > 我是中间层 < /div>
        <div >
            <span > 我接受到了投票传来的数据 < /span > < div > {
            this.props.topToMiddle
        } < /div>
        < /div > < button onClick = {
            this
                .props
                .onReceiveMiddleValue(middleArray)
        } > middle中的按钮 < /button> < /div >

 */

class MiddleCompoment extends Component {
    //继承Component
    constructor() {
        super();
        this.state = {}
    }

    sendTotop() {
        console.log(this)
        let middleArray = ['m1', 'm2', 'm3', 'm4'];
        //this.props.middleArray = middleArray; return ['m1', 'm2']
        this
            .props
            .onReceiveMiddleValue(middleArray)
    }

    render() {
        console.log(this)
        return (
            <div>
                <div>我是中间层</div>
                <div>
                    <span>我接受到了投票传来的数据</span>
                    <div>{this.props.topToMiddle}</div>
                </div>
                <button
                    onClick={this
                    .sendTotop
                    .bind(this)}>middle中的按钮</button>
            </div>
        )
    }
}

export default MiddleCompoment